.head{
	overflow: hidden;
}
.bgi {
    z-index: -1;
	background-color: #03ab91;
}

.order {
    color: #fff;
    padding: 0rpx 20rpx;
    font-size: 30rpx;
    display: flex;
	margin-right: 200rpx;
    view {
        display: flex;
        align-items: center;
        image {
            width: 40rpx;
            height: 40rpx;
            padding: 0 5rpx;
        }
    }
}

.y-tab-virtual {
    position: relative;
    flex-shrink: 0;
    width: 100%;
}

.content-wrap {
    height: 200vh;
}

.contenr {
    z-index: 999;
    margin-top: 100upx;
	.search_input{
		background-color: #fff;
		padding: 20rpx;
		margin-bottom: 20rpx;
		border-radius: 100rpx;
		input{
			padding: 0 20rpx;
		}
	}
    .mode_1 {
        background-color: #fff;

        .mode_1_title {
            padding: 0 10rpx;
            .mode_1_letf {
				display: flex;
				align-items: center;
				font-weight: 700;
				image{
					width: 30rpx;
					padding-right: 10rpx;
					height: 30rpx;
				}
            }
			.mode_2_letf {
				font-size: 28rpx;
				padding-top: 8rpx;
				color: #6d6d6d;
				display: flex;
				align-items: center;
				image{
					padding-right: 10rpx;
					width: 30rpx;
					height: 30rpx;
				}
			}

            .mode_1_right {
				.right_item{
					background-color: #00aa90;
					padding: 10rpx;
					border-radius: 20rpx;
					image {
					    width: 20rpx;
					    height: 20rpx;
					}
					font-size:15rpx;
					color: #fff;
					margin-top: 10rpx;
				}
				.btn{
					margin-top: 10rpx ;
					display: flex;
					align-items: center;
					line-height: normal;
					background-color: #00aa90;
					color: #fff;
					padding: 8rpx 10rpx;
					border-radius: 20rpx;
					font-size:15rpx;
					image{
						width: 20rpx;
						height: 20rpx;
						padding-right: 10rpx;
					}
				}
                // background-color: #f24839;
                // display: flex;
                // align-items: center;
                // border-radius: 100rpx;
                // padding: 5rpx 10rpx 6rpx 10rpx;	
                // font-size: 25rpx;
                // color: #fff;
             
            }
        }

        .preferential {
            padding: 10rpx 0;
        }

        .Notice {
            font-size: 25rpx;
            color: #9b9b9b;
            padding: 10rpx 0 0 0;
        }
    }
}
.tab_lsit{
	width: 100%;
	overflow-x: auto;
	display: flex;
	align-items: center;
}

.mode_2{
	
	.bottom_tab{
		//height: calc(100vh - 190px);
		height: calc(100vh);
		display: flex;
        margin-bottom: 80px;
		justify-content: space-between;
		.tab_left{
			flex: 2;
			background-color: #f5f5f5;
			max-height: 70vh;
			overflow-y: scroll;
			padding-bottom: 180rpx;
			.tab_list{
				z-index: 999;
				background-color: #f5f5f5;
				view{
					line-height: 100rpx;
					font-size: 26rpx;
					text-align: center;
				}
				.check{
					background-color: #fff;
				}
				
			}
			
		}
		.tab_right{
			flex: 7;
			padding: 7rpx 10rpx 10rpx 10rpx;
			padding-bottom: 250px;
			.tab_item{
				// max-height: 70vh;
				// overflow-y: scroll;
				// margin-bottom:200rpx;
			}
			.tab_item::-webkit-scrollbar {
				display: none;
			}
		}
	}
}

.contenr_item {
    margin-top: 20rpx;
    // border-radius: 20rpx;
    display: flex;
	height:133px;
	padding:10rpx 0;
	border-bottom:1rpx solid #eee;
	
    .item_info {
        width: 58%;
		height: 94%;
        padding: 0 0 0 0rpx;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
		margin-left:auto;
		
        .info_title {
            font-weight: 500;
			font-size: 28rpx;
			padding-bottom: 10rpx;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2; /* 限制为三行 */
            overflow: hidden; /* 隐藏超出部分的文本 */
            text-overflow: ellipsis; /* 超出部分显示省略号 */
            max-height: 3em; /* 2行 * 1.5em行高 */
            line-height:1.8em;
        }

        .info_tab_1,
        .info_tab_2,
        .info_tab_3 {
            background-color: #ffe3e0;
            color: #f24839;
            font-size: 20rpx;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 120rpx;

            view {
                display: flex;
                align-items: center;
                justify-content: space-between;
            }

            padding: 5rpx 10rpx;
            border-radius: 5rpx;
            align-items: center;

            image {
                width: 23rpx;
                height: 23rpx;
            }
        }

        .info_tab_2 {
            background-color: rgba(87, 185, 255, 0.3);
            color: rgb(87, 185, 255);
        }

        .info_tab_3 {
            background-color: rgba(124, 231, 115, 0.3);
            color: rgb(124, 231, 115);
        }
    }

    .xl {
        padding: 5rpx 0;
        color: #b6b6b6;
        font-size: 20rpx;
    }

    .bottom_text {
        width: 100%;
        display: flex;
        justify-content: space-between;
		align-items: center;
        .je {
            color: #D72F14;
            font-size: 22rpx;
			// width:100%;
            text {
                font-weight: 700;
                font-size: 35rpx;
            }
        }

        .sku {
            font-size: 20px;
            background-color: #F20730;
            color: #fff;
            border-radius: 50%;
            text-align: center;
            padding: 0rpx 0rpx;
			width:22px;
			line-height: 20px;
			height:22px;
          margin-right: 10rpx;
        }

        .add_sku {
            image {
                width: 35rpx;
                height: 35rpx;
            }
			// margin-right: 20rpx;
        }
    }

    .item_img {
        position: relative;
        border-radius: 20rpx;
        width: 150rpx;
        height: 150rpx;

        image {
            width: 200rpx;
            height: 200rpx;
            border-radius: 20rpx;
        }

        .bk {
            position: absolute;
            top: 0;
            left: 0;
            background-color: #ff3927;
            font-size: 18rpx;
            color: #fff;
            padding: 5rpx 15rpx;
            border-top-left-radius: 10rpx;
            border-bottom-right-radius: 20rpx;
        }
    }
}
.contenr_itemOne {
    margin-top: 20rpx;
     border-radius: 20rpx;
    //display: flex;
	height:141px;
	padding:10rpx 0;
	border-bottom:10rpx solid #eee;

    .item_button{
      width: 10%;
      height: 180rpx;
      float: right;
      padding:0 15rpx;
      //margin-right: 13rpx;
    }
    .item_info {
        width: 70%;
		height: 94%;
        padding: 0 3rpx;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
		margin-left:auto;

        .info_title {
            font-weight: 530;
			font-size: 28rpx;
			padding-bottom: 8rpx;
        }

        .info_tab_1,
        .info_tab_2,
        .info_tab_3 {
            background-color: #ffe3e0;
            color: #f24839;
            font-size: 20rpx;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 120rpx;

            view {
                display: flex;
                align-items: center;
                justify-content: space-between;
            }

            padding: 5rpx 10rpx;
            border-radius: 5rpx;
            align-items: center;

            image {
                width: 23rpx;
                height: 23rpx;
            }
        }

        .info_tab_2 {
            background-color: rgba(87, 185, 255, 0.3);
            color: rgb(87, 185, 255);
        }

        .info_tab_3 {
            background-color: rgba(124, 231, 115, 0.3);
            color: rgb(124, 231, 115);
        }
    }

    .xl {
       padding: 6rpx 0;
        color: #858181;
        font-size: 20rpx;

      .item_tel{
      height: 40rpx;
        width: 40rpx;
    }
    }

    .bottom_text {
        width: 100%;
        display: flex;
        justify-content: space-between;
		align-items: center;
        .je {
            color: #D72F14;
            font-size: 20rpx;
            padding: 0 0 3rpx 0;
			// width:100%;
            text {
                font-weight: 700;
                font-size: 35rpx;
            }

        }

        .sku {
            font-size: 20px;
            background-color: #F20730;
            color: #fff;
            border-radius: 50%;
            text-align: center;
            padding: 0rpx 0rpx;
			width:22px;
			line-height: 20px;
			height:22px;
        }

        .add_sku {
            image {
                width: 35rpx;
                height: 35rpx;
            }
			// margin-right: 20rpx;
        }
    }

    .item_img {
        position: relative;
        border-radius: 20rpx;
        width: 70rpx;
        height: 70rpx;
      //width: 10%;
      //height: 10%;

        image {
            width: 70rpx;
            height: 70rpx;
            border-radius: 20rpx;
        }

        .bk {
            position: absolute;
            top: 0;
            left: 0;
            background-color: #ff3927;
            font-size: 18rpx;
            color: #fff;
            padding: 5rpx 15rpx;
            border-top-left-radius: 10rpx;
            border-bottom-right-radius: 20rpx;
        }
    }
}
.foot {
	z-index: 88;
    position: fixed;
    bottom: 0;
    height: 170rpx;
    background-color: #fff;
    box-shadow: 4px 2px 20rpx 10rpx #d8d8d8;
    border-top-left-radius: 40rpx;
    border-top-right-radius: 40rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    .foot_left {
        margin-left: 60rpx;
        position: relative;
        image {
            width: 100rpx;
            height: 100rpx;
        }
   //      .goods_num {
			// padding:0 10rpx;
			// border-radius: 50%;
   //          position: absolute;
			// font-size: 20rpx;
			// color: #fff;
   //          top: 0;
			// right: 0;
			// background-color: red;
   //      }
    }
    .foot_right {
        margin-right: 60rpx;
        text {
            background-color: #F20730;
            color: #fff;
            padding: 20rpx 40rpx;
            border-radius: 100rpx;
        }
		.check{
			background-color: #00aa90;
			color: #fff;
		}
    }
    .goods_prine {
        flex: 2;
        margin-left: 20rpx;
		color:#D72F14;
        text {
            font-size: 50rpx;
            font-weight: 600;
        }
    }
}

@keyframes xing {
    0% {
        -webkit-transform: scale(0.5);
        opacity: 0;
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

// 骨架部分
.skeleton{
	background-color: #f7f8fa;
	margin-top: 91px;
	height: calc(100vh - 91px);
	overflow: hidden;
	.show_mode_1{
		margin-top: 40rpx;
		.show_1{
			padding: 0rpx 40rpx;
			display: flex;
			justify-content: space-between;
		}
	}
	.show_mode_2{
		.show_2{
			padding: 0rpx 40rpx;
			display: flex;
			justify-content: space-between;
		}
	}
	.show_mode_3{
		display: flex;
		justify-content: space-between;
		.show_3{
			flex: 3;
		}
		.show_4{
			flex: 7;
			.show_5{
				display: flex;
				.show_6{
					margin-left: 20rpx;
				}
			}
		}
	}
}


.popup_item{
	border-top-left-radius: 20rpx;
	border-top-right-radius: 20rpx;
	padding-bottom: 200rpx;
	.popup_top::-webkit-scrollbar {
    display: none;
	}
	.popup_top{
		overflow-y: auto;
		max-height: 60vh;
		padding-bottom: 40rpx;
		.item_img{
			border-bottom: 1px solid #f4f4f4;
			display: flex;
			padding: 20rpx;
			.item_img_image{
				flex: 2;
				width: 130rpx;
				height: 130rpx;
				image{
					width: 130rpx;
					height: 130rpx;
				}
			}
			.item_text{
				flex:10;
				padding-left: 20rpx;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				.info_title{
					font-weight: 700;
					padding-right: 20rpx;
				}
				.info_lat{
					font-size: 26rpx;
					line-height: 40rpx;
					color: #9b9b9b;
				}
				.info_code{
					font-size: 22rpx;
					color: #9b9b9b;
				}
			}
			
		}
		.item_info{
			padding: 20rpx;
			.info_title{
				font-weight: normal;
				font-size: 35rpx;
			}
			.info_lat{
				margin: 20rpx 0;
				color: #9b9b9b;
				font-size: 28rpx;
			}
		}
		.item_sku{
			padding: 20rpx;
			.sku_list{
				.sku_title{
					font-size: 28rpx ;
					font-weight: 700;
				}
				.sku_type{
					padding:0 20rpx;
					display: flex;
					flex-wrap: wrap;
					text{
						margin-top: 20rpx;
						color: #555;
						border: 1px solid #dcdcdc;
						font-size: 28rpx;
						padding: 10rpx 30rpx;
						border-radius: 10rpx;
						margin-right: 20rpx;
					}
					.check{
						background-color: #b6e7df;
						border: 1px solid #00aa91;
						color: #00aa90;
					}
					#del{
						text-decoration: line-through
					}
					.del{
						text-decoration: line-through;
						color: #555;
						background-color: #dad6d6;
					}
				}
				.sku_type::after{
					content: "";
					  flex: auto;
				}
				.sku_size{
					display: flex;
					align-items: center;
					padding: 20rpx;
					text{
						padding: 10rpx 20rpx;
						margin-left: 10rpx;
						border: 1px solid #dcdcdc;
						border-radius: 10rpx;
					}
					.sku_size_item{
						font-size: 22rpx;
						display: flex;
						align-items: center;
						margin-right: 20rpx;
						input{
							width: 120rpx;
							padding: 4rpx 20rpx;
							margin-left: 10rpx;
							border: 1px solid #dcdcdc;
							border-radius: 10rpx;
						}
					}
					.sku_size_square{
						font-size: 25rpx;
						display: flex;
						align-items: center;
					}
				}
			}
		}
		.recommend{
			.recommend_title{
				font-size: 28rpx ;
				font-weight: 700;
				padding: 20rpx;
			}
			.recommend_item{
				.sku_type{
					padding:0 20rpx;
					display: flex;
					flex-wrap: wrap;
					text{
						margin-top: 20rpx;
						color: #555;
						border: 1px solid #dcdcdc;
						font-size: 28rpx;
						padding: 10rpx 30rpx;
						border-radius: 10rpx;
						margin-right: 20rpx;
					}
					.check{
						background-color: #b6e7df;
						border: 1px solid #00aa91;
						color: #00aa90;
					}
				}
			}
		}
	}
	.popup_bottom{
		background-color: #fff;
		width: 100%;
		position: fixed;
		bottom: 0;
		padding-bottom: 20rpx;
		height: 200rpx;
		box-shadow: 5rpx 15rpx 20rpx 20rpx #e2e2e2;
		.price{
			color: #f24839;
			font-size: 30rpx;
			text{
				font-size: 40rpx;
				font-weight: 700;
				color: #f24839;
			}
		}
		.bottom_top{
			padding: 20rpx;
		}
		.bottom_bottom{
			.btn_left{
				border: 1px solid #ff6b16;
				border-radius: 100rpx;
				color: #ff6b16;
				margin-left: 30rpx;
			}
			.btn_right{
				flex: 1;
				text-align: center;
				background:linear-gradient(to right,#ff6b16,#ffa130);
				color: #fff;
				border-radius: 100rpx;
				// margin-right: 30rpx;
				margin:0 30rpx ;
				padding: 20rpx 120rpx ;
			}
		}
	}
}
.popup_showGoods{
	overflow: auto;
	z-index: 999;
	// height: 70vh;
	max-height: 70vh;
	.top_set{
		font-size: 26rpx;
		padding: 20rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-bottom: 1px solid #efefef;
		.del{
			display: flex;
			align-items: center;
			image{
				margin-right: 10rpx;
				width: 35rpx;
				height:35rpx;
			}
			font-size: 26rpx;
			color: #9b9b9b;
		}
	}
	.goods_list::-webkit-scrollbar {
    display: none;
	}
	.goods_list{
		overflow-y: auto;
		// height: calc(70vh - 136rpx);
		max-height: calc(70vh - 136rpx);
		.goods_item:last-child{
			margin-bottom: 200rpx;
		}
		.goods_item{
			padding: 20rpx;
			display: flex;
			border-bottom: 1px solid #efefef;
			.item_img{
				flex: 2.5;
				image{
					width: 140rpx;
					height: 140rpx;
					border-radius: 20rpx;
				}
			}
			.item_info{
				flex: 7;
				padding: 0 0 0 20rpx;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				.item_title{
					font-weight: 600;
					font-size: 28rpx;
				}
				.item_sku{
					font-size: 24rpx;
					color: #9b9b9b;
					flex: 1;
					padding-top: 5rpx;
					
				}
				.item_price{
					font-size: 25rpx;
					color: #f24839;
					display: flex;
					align-items: center;
					justify-content: space-between;
					text{
						font-size: 32rpx;
						font-weight: 600;
					}
				}
			}
		}
	}
}
.popup_business{
	height: 40vh;
	width: 600rpx;
	.business_title{
		line-height: 80rpx;
		text-align: center;
	}
	.business_list{
		padding: 20rpx;
		#check{
			border: 2px solid #03ab91;
			background-color: rgba(	3,171,145,0.1);
			box-sizing: content-box;
		}
		.business_item{
			background-color: #f3f3f3;
			display: flex;
			justify-content: space-between;
			padding: 20rpx;
			border-radius: 20rpx;
			position: relative;
			margin-bottom: 20rpx;
			.item_img{
				flex: 2;
				image{
					width: 120rpx;
					height: 120rpx;
				}
			}
			.item_info{
				display:flex;
				flex-direction: column;
				justify-content: space-between;
				flex: 7;
				padding-left: 20rpx;
				.info_text_1{
					font-size: 28rpx;
					font-weight: 700;
				}
				.info_text_2{
					font-size: 24rpx;
				}
				.info_text_3{
					font-size: 20rpx;
					color: #9b9b9b;
				}
			}
			.check{
				position: absolute;
				right: 0;
				top: 0;
				font-size: 25rpx;
				color: #fff;
				border-top-right-radius: 10rpx;
				border-bottom-left-radius: 20rpx;
				padding: 5rpx 30rpx;
				background-color: #03ab91;
			}
		}
	}
}
.business_btn{
	position: fixed;
	bottom: 0;
	width: 100%;
	.btn{
		background-color: #00aa90;
		text-align: center;
		line-height:90rpx;
		font-size: 28rpx;
		color: #fff;
	}
}

.share{
	margin-left: 15rpx;
	background-color:#03ab91 !important;
	.btn{
		background-color:#03ab91 !important;
		display: flex;
		align-items: center;
		font-size: 	24rpx;
		color: #fff;
		padding: 0 10rpx !important;
		image{
			width: 40rpx;
			height: 40rpx;
		}
	}
}
.goodsList_null{
	text-align: center;
	font-size: 26rpx;
	color: #9b9b9b;
	image{
		width: 100%;
	}
}
.show_one_sku{
	width:600rpx;
	height: 550rpx;
	padding: 20rpx;
	.one_sku_top{
		margin-top:30px;
		display: flex;
		font-size: 26rpx;
		.top_img{
			image{
				width: 150rpx;
				height: 150rpx;
			}
		}
		.top_text{
			padding-left:20rpx;
		}
		.goods_sku{
			font-size: 22rpx;
			color: #555;
			padding: 20rpx 0;
			
		}
	}
	.one_sku__btn{
		background-color: #00aa90;
		color: #fff;
		text-align: center;
		line-height: 90rpx;
		border-radius: 100rpx;
		position: fixed;
		bottom: 40rpx;
		width: 90%;
		margin: 0 15rpx;
	}
	.one_sku__gb{
		position: absolute;
		top: 20rpx;
		right: 20rpx;
		image{
			width: 50rpx;
			height: 50rpx;
		}
	}
	.one_sku_sku{
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 20rpx;
	}
}
